/* Interaction Cues
----------------------------------*/
.ued-state-disabled {
	cursor: default !important;
}

/* states and images */
.ued-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Overlays */
.ued-datepicker {
	padding: 0;
	display: none;
}
.ued-datepicker .ued-datepicker-header {
	position: relative;
	padding: 7px 18px 0;
    height: 28px;
    background: url("../img/dpk/year-bg.png") repeat-x scroll 0 0 transparent;
}
.ued-datepicker .ued-datepicker-prev,.ued-datepicker .ued-datepicker-preYear,
.ued-datepicker .ued-datepicker-next,.ued-datepicker .ued-datepicker-nexYear{
	position: absolute;
	top: 8px;
	width: 1.8em;
	height: 1.8em;
    display: block;
}

.ued-datepicker .ued-datepicker-prev {
	left: 30px;
}
.ued-datepicker .ued-datepicker-preYear {
    left: 5px;
}
.ued-datepicker .ued-datepicker-nexYear {
    right: 2px;
}
.ued-datepicker .ued-datepicker-next {
	right: 30px;
}
.ued-datepicker .ued-datepicker-prev-hover {
	left: 30px;
}
.ued-datepicker .ued-datepicker-next-hover {
	right: 30px;
}

.ued-datepicker .ued-datepicker-preYear-hover {
    left: 5px;
}
.ued-datepicker .ued-datepicker-nexYear-hover {
    right: 2px;
}

.ued-datepicker .ued-datepicker-prev span,
.ued-datepicker .ued-datepicker-next span,
.ued-datepicker .ued-datepicker-preYear span,
.ued-datepicker .ued-datepicker-nexYear span{
	display: block;
}

.ued-datepicker .ued-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}

.ued-datepicker table {
	width: 100%;
	font-size: 12px;
	border-collapse: collapse;
}
.ued-datepicker th {
	padding: .7em .3em;
	text-align: center;
	border: 0;
}
.ued-datepicker td {
    border: 1px solid #E9EFF6;
}
.ued-datepicker td span,
.ued-datepicker td a {
	display: block;
	text-align: right;
	text-decoration: none;
    line-height: 30px;
}
/* Component containers
----------------------------------*/
.ued-widget {
	font-family: Arial;
	font-size: 12px;
}
.ued-widget .ued-widget {
	font-size: 1em;
}
.ued-widget-content {
	border: 1px solid #7EA3C9;
	background: #E9EFF6;
	color: #999;
}
.ued-widget-content a {
	color: #333333;
}
.ued-widget-header {
	color: #ffffff;
}
.ued-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ued-state-default,
.ued-widget-content .ued-state-default,
.ued-widget-header .ued-state-default {
    display: block;
    width: 32px;
    height: 31px;
    text-align: center;
	background-color: rgb(255,255,255);
	color: #999;
}
.ued-state-disabled span{color: rgb(216,216,216) !important;}

table.ued-datepicker-calendar tbody a{ display: block}

.ued-state-default a,
.ued-state-default a:link,
.ued-state-default a:visited {
	color: #1c94c4;
	text-decoration: none;
}
.ued-state-hover,
.ued-widget-content .ued-state-hover,
.ued-widget-header .ued-state-hover,
.ued-state-focus,
.ued-widget-content .ued-state-focus,
.ued-widget-header .ued-state-focus {
    font-weight: bold;
	color: #2b5dc3;
}
.ued-datepicker-calendar .ued-state-focus,
.ued-datepicker-calendar .ued-state-hover{
    border: 1px solid #73A5D8;
    width: 30px;
    height: 29px;
    line-height: 28px;
    position: relative;
}
.ued-datepicker-calendar .ued-state-hover,
.ued-datepicker-calendar .ued-state-focus{
background-color: #e9f8ff;}

.ued-state-hover a,
.ued-state-hover a:hover,
.ued-state-hover a:link,
.ued-state-hover a:visited {
	color: #0E4784;
	text-decoration: none;
}
.ued-state-active,
.ued-widget-content .ued-state-active,
.ued-widget-header .ued-state-active {
	background: #007ddd;
	color: #FFF;
}
.ued-state-active a,
.ued-state-active a:link,
.ued-state-active a:visited {
	color: #eb8f00;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ued-state-highlight,
.ued-widget-content .ued-state-highlight,
.ued-widget-header .ued-state-highlight {
    background: #b4deff;
	color: #004478;
}
.ued-state-highlight a,
.ued-widget-content .ued-state-highlight a,
.ued-widget-header .ued-state-highlight a {
	color: #363636;
}

/* states and images */
.ued-icon {
	width: 16px;
	height: 16px;
}
.ued-icon,
.ued-widget-content .ued-icon {
	background-image: url(../img/dpk/img.gif);
}
.ued-widget-header .ued-icon {
	background-image: url(../img/dpk/img.gif);
}
.ued-state-default .ued-icon {
	background-image: url(../img/dpk/img.gif);
}
.ued-state-hover .ued-icon,
.ued-state-focus .ued-icon {
	background-image: url(../img/dpk/img.gif);
}
.ued-state-active .ued-icon {
	background-image: url(../img/dpk/img.gif);
}
.ued-state-highlight .ued-icon {
	background-image: url(../img/dpk/img.gif);
}
.ued-state-error .ued-icon,
.ued-state-error-text .ued-icon {
	background-image: url(../img/dpk/img.gif);
}

.ued-datepicker-nexYear.ued-datepicker-nexYear-hover .ued-icon-circle-triangle-e{background-position:-48px -35px; }
.ued-datepicker-preYear.ued-datepicker-preYear-hover .ued-icon-circle-triangle-w{background-position:0px -35px; }
.ued-datepicker-next.ued-datepicker-next-hover .ued-icon-circle-triangle-me{background-position:-32px -35px; }
.ued-datepicker-prev.ued-datepicker-prev-hover .ued-icon-circle-triangle-mw{background-position:-16px -35px; }


.ued-icon-circle-triangle-e { background-position: -48px 0; cursor: pointer; }
.ued-icon-circle-triangle-mw { background-position: -16px 0; cursor: pointer; }
.ued-icon-circle-triangle-w { background-position: 0 0; cursor: pointer}
.ued-icon-circle-triangle-me { background-position: -32px 0px;cursor: pointer;  }



/*additional add*/
.ued-state-disabled span{background-color: rgb(251,251,251) !important;}
.ued-datepicker{width: 230px}
.ued-datepicker{width: 232px\0;}
.ued-datepicker{*width: 232px;}
@media screen and (-webkit-min-device-pixel-ratio:0){.ued-datepicker{width: 231px}}
.ued-datepicker-calendar{width: 230px !important; overflow: hidden !important; margin-left: 1px\0; *margin-left:0}


/*changeInput style*/
.input-style{
    background: url("../img/dpk/datePicker.gif") no-repeat scroll right center #FFFFFF;
    border: 1px solid #D6D6D6;
    color: #999999;
    cursor: pointer;
    height: 14px;
    padding: 10px;
    width: 108px;
}






/*Change Dpk theme to red*/
.red .ued-widget-content {
    border: 1px solid #999;
}

/*today*/
.red .ued-state-highlight,
.red .ued-widget-content .ued-state-highlight,
.red .ued-widget-header .ued-state-highlight {
    background: #ffb4b4;
    color: #FFF;
}
.red .ued-state-highlight a,
.red .ued-widget-content .ued-state-highlight a,
.red .ued-widget-header .ued-state-highlight a {
    color: #FFF;
}

/*select*/
.red .ued-state-default a,
.red .ued-state-default a:link,
.red .ued-state-default a:visited {
    color: #1c94c4;
    text-decoration: none;
}
.red .ued-state-hover,
.red .ued-widget-content .ued-state-hover,
.red .ued-widget-header .ued-state-hover,
.red .ued-state-focus,
.red .ued-widget-content .ued-state-focus,
.red .ued-widget-header .ued-state-focus {
    font-weight: bold;
    color: #FFF;
}
.red .ued-datepicker-calendar .ued-state-focus,
.red .ued-datepicker-calendar .ued-state-hover{
    border: 1px solid #ff9c9c;
    width: 30px;
    height: 29px;
    line-height: 28px;
    position: relative;
}
.red .ued-datepicker-calendar .ued-state-hover,
.red .ued-datepicker-calendar .ued-state-focus{
    background-color: #ffdddd;}

.red .ued-state-hover a,
.red .ued-state-hover a:hover,
.red .ued-state-hover a:link,
.red .ued-state-hover a:visited {
    color: #840e0e;
    text-decoration: none;
}
.red .ued-state-active,
.red .ued-widget-content .ued-state-active,
.red .ued-widget-header .ued-state-active {
    background: #8d0000;
    color: #FFF;
}

/*topbg*/
.red .ued-datepicker .ued-datepicker-header {
    position: relative;
    padding: 7px 18px 0;
    height: 28px;
    background: #576173;
}


/*arrow*/
.red .ued-icon-circle-triangle-e { background-position: -48px -53px; cursor: pointer; }
.red .ued-icon-circle-triangle-mw { background-position: -16px -53px; cursor: pointer; }
.red .ued-icon-circle-triangle-w { background-position: 0 -53px; cursor: pointer}
.red .ued-icon-circle-triangle-me { background-position: -32px -53px;cursor: pointer;  }


.red .input-style{
    background: url("../img/dpk/red-datePicker.gif") no-repeat scroll right center #FFFFFF;
    border: 1px solid #D6D6D6;
    color: #999999;
    cursor: pointer;
    height: 14px;
    padding: 10px;
    width: 108px;
}


